:root {
    --backgroud: #333;
    --color: white;
}

* {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-family: "Courier New", 楷体;
    cursor: default;
    color: var(--color);
}

body {
    /*background-image: linear-gradient( 135deg, #97ABFF 10%, #123597 100%);*/
    background-color: var(--backgroud);
}

a {
    text-decoration: none;
}

::-webkit-scrollbar {
    display: none
}

li {
    list-style: none;
}

.line {
    /*color: red;*/
}

#parent {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid var(--color);
    overflow-y: scroll;
    padding: 0 10px;
}

#parent li {
    display: inline-block;
    margin-right: 2em;
}

#sibling li {
    margin-bottom: 1em;
}


#sibling {
    margin-right: 20px;
    border-right: 1px solid var(--color);
    padding: 10px;
    overflow-y: scroll;
}

#descendants {
    flex: 1;
    overflow-y: scroll;
}

#search {
    height: 36px;
    width: 100%;
    outline: none;
    border: 0;
    background-color: transparent;
}

#row-container {
    height: calc(100vh - 48px - 48px);
    display: flex;
    border-bottom: 1px solid var(--backgroud);
}

#col-container {
    height: 100vh;
}
